#{extends 'main.html' /}

<!--Page Title-->
<br /> <img src="/public/images/layout/header_home.jpg" />

<div class="title">Latest on the shelf</div>
	
<center>
		%{ for(item in itemList) { }%
		
		<div class="latest">
			<a href="@{Search.searchDetails()}?itemID=${item.getItemID()}">
				<img src="http://covers.openlibrary.org/b/isbn/${item.getProductListingDetails().getISBN()}-M.jpg" class="list_img" />
			</a><br />
			<b><a href="@{Search.searchDetails()}?itemID=${item.getItemID()}">${item.getTitle()}</a></b> <br />
			${item.getStartPrice().getValue().formatCurrency('USD').raw()}<br />
			<a class="fancybox fancybox.iframe" href="http://cgi.sandbox.ebay.com/item/${item.getItemID()}"><button>Buy Item</button></a>			
		</div>
		%{ } }%
</center>
<div class="clear"></div>
